$(function(){
    //初始化页面数据
	//初始化分类
    initLeftNavigationBar();
    //显示商品信息
	initFloor();
		// 导航左侧栏js效果 start
		$(".pullDownList li").hover(function(){
			$(".yMenuListCon").fadeIn();
			var index=$(this).index(".pullDownList li");
			if (!($(this).hasClass("menulihover")||$(this).hasClass("menuliselected"))) {
				$($(".yBannerList")[index]).css("display","block").siblings().css("display","none");
				$($(".yBannerList")[index]).removeClass("ybannerExposure");
				setTimeout(function(){
				$($(".yBannerList")[index]).addClass("ybannerExposure");
				},60)
			}else{	
			}
			$(this).addClass("menulihover").siblings().removeClass("menulihover");
				$(this).addClass("menuliselected").siblings().removeClass("menuliselected");
			$($(".yMenuListConin")[index]).fadeIn().siblings().fadeOut();
		},function(){
			
		})
		$(".pullDown").mouseleave(function(){
			$(".yMenuListCon").fadeOut();
			$(".yMenuListConin").fadeOut();
			$(".pullDownList li").removeClass("menulihover");

		})
		// 导航左侧栏js效果  end

	})

/**
 * 初始化左侧分类导航栏
 */
function initLeftNavigationBar() {
    //ajax请求API接口：http://localhost:8080/api/index/category/all
    $.ajax({
        type: "GET",
        url: "http://localhost:8080/api/index/category/all",
        dataType: "json",
        async: false,
        success: function (result) {
            var $pullDownList = $(".pullDownList").empty();//清空左侧导航栏
            var $yMenuListCon = $(".yMenuListCon").empty();//清空展开栏
            // var $s=$("#s").empty();//清空商品栏
            //父分类遍历取值
            $.each(result.data,function (i,e) {
                // alert(i+":"+e.name);
                //创建i
                var $i=$("<i class=\"list-icon-1\"></i>");

                var $a_pname=$("<a  target=\"_blank\"></a>").text(e.name).attr("href",e.link);
                //创建span
                var $span=$("<span></span>");
                //组装li
                var $li;
                if (i==1){
                    $li=$("<li class=\"menuliselected\"></li>").append($i,$a_pname,$span);
                }else{
                    $li=$("<li class=\"\"></li>").append($i,$a_pname,$span);
                }
                //将li放入ul中
                $(".pullDownList").append($li);
                //声明div（yMenuListConin）
                var $divc=$("<div class=\"yMenuListConin\"></div>");
                //子分类遍历取值
                $.each(e.categories,function (i1,e1) {
                    // alert(i1+":"+e1.name);
                    //创建a
                    var $a1=$("<a class=\"yListName\"></a>").text(e1.name).attr("href",e1.link);
                    //创建h3
                    var $h3=$("<h3></h3>").append($a1);
                    var $p=$("<p></p>");
                    //孙分类遍历取值
                    $.each(e1.categories,function (i2,e2) {
                        // alert(i2+":"+e2.name);
                        //a
                        var $a2=$("<a class=\"ecolor610\"></a>").text(e2.name).attr("href",e2.link);
                        $p.append($a2);
                    });
                    //组装div（yMenuLCinList）
                    var $divl=$("<div class=\"yMenuLCinList\"></div>").append($h3,$p);
                    //将div（yMenuLCinList）放入div（yMenuListConin）中
                    $divc.append($divl);
                    //将div（yMenuListConin）放入div（yMenuListCon）中
                    var $divco=$(".yMenuListCon").append($divc);
                });

            })
        }
    });
}

/**
 * 初始化左侧分类导航栏
 */
function initFloor() {
    //ajax请求API接口：http://localhost:8080/api/index/floor/fs/3
    $.ajax({
        type: "GET",
        url: "http://localhost:8080/api/index/floor/fs/3",
        dataType: "json",
        async: true,
        success: function (result) {
            var $section = $("#s").empty();//清空楼层信息
            $.each(result.data, function (j, floor) {
                //楼层广告牌
                var ad = floor.ad;
                //创建a
                var $img=$("<img width=\"1200\" alt=\"\" style=\"text-align:center;\"/>").attr("src",ad.pic);
                var $a_img=$("<a></a>").attr("href",ad.link).append($img);
                var $div=$("<div class=\"center pc-top-20\"></div>").append($a_img);
                //楼层分类
                var c = floor.category;
                //分类
                //父分类：div(fl)和span
                var $span=$("<span style=\"color:#fff; font-size:20px; height: 30px;line-height: 30px;\"></span>").text(c.name);
                var $div_f1=$("<div class=\"fl\"></div>").append($span);
                //创建div（fr pc-box-blue-link）
                var $div_fr=$("<div class=\"fr pc-box-blue-link\"></div>");
                $.each(c.categories,function (i1,e2) {
                    var $a_link=$("<a href='\"+e2.link+\"'></a>").text(e2.name);
                    $div_fr.append($a_link);
                });
                //创建div（pc-box-he pc-box-red clearfix）
                var $div_pbh=$("<div class=\"pc-box-he pc-box-red clearfix\"></div>").append($div_f1,$div_fr);
                //楼层商品
                var $div_xs=$("<div class=\"xsq_deal_wrapper pc-deal-list clearfix\"></div>");
                //遍历取值
                $.each(floor.goodies,function (i,e) {
                    //商品的位置
                    //图片的位置：创建div(dealCon)和img（dealImg）
                    var $img_de=$("<img class=\"dealImg\" alt=\"\"/>").attr("src",e.img);
                    var $div_de=$("<div class=\"dealCon\"></div>").append($img_de);
                    //商品名称的位置：创建div(title_new)和p（word）
                    var $p_wo=$("<p class=\"word\"></p>").text(e.tag+" "+e.name);
                    var $div_ti=$("<div class=\"title_new\"></div>").append($p_wo);
                    //商品的价格：div（dealInfo）、span（price）和em
                    var $em=$("<em></em>").text(e.price);
                    var $span=$("<span class=\"price\"></span>").text("￥").append($em);
                    var $div_df=$("<div class=\"dealInfo\"></div>").append($span);
                    //a(saleDeal)组装起来
                    var $a=$("<a class=\"saleDeal\" href='\"+e.link+\"' target=\"_blank\"></a>").append($div_de,$div_ti,$div_df);
                    $div_xs.append($a);
                });
                //创建div（pc-list-goods）
                var $div_pc=$("<div class=\"pc-list-goods\"></div>").append($div_xs);
                //装入分类、商品容器
                //创建div（pc-center-he）
                var $div_pc=$("<div class=\"pc-center-he\"></div>").append($div_pbh,$div_pc);
                //创建div（center pc-top-20）
                var $div_ce=$("<div class=\"center pc-top-20\"></div>").append($div_pc);
                $section.append($div,$div_ce);
            });
        }
    })
}


